<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta charset="UTF-8">
	<title>市场</title>
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/normalize.css">
</head>
<body>
	<div class="mediamap" id="map">
	</div>
	<div class="maskWrp">
		<div class="mask maskLeft">
			<div class="back">
				<a href="information.html" class="backPlan"><i class="backicon"></i><span>返回分析报告</span></a>
			</div>
			<div class="media_data clearfix" id="media_data">
				<div class="datatitle"><i class="mediadata"></i><span>覆盖受众：<b id="c_People"></b>万人</span><span>推荐媒体数量：<b id="mediaNumber"></b>例</span></div>
				<div id="vaInf" class="clearfix">
				<span class="data_item">
					<div class="dataname"><i class="circle"></i>vaC</div>
					<div class="datacon vaCNum"></div>
				</span>
				<span class="data_item">	
					<div class="dataname"><i class="circle"></i>vaR</div>
					<div class="datacon vaRNum"></div>
				</span>
				<span class="data_item">
					<div class="dataname"><i class="circle"></i>vaF</div>
					<div class="datacon vaFNum"></div>
				</span>
				<span class="data_item">
					<div class="dataname"><i class="circle"></i>GRP</div>
					<div class="datacon GRPNum"></div>
				</span>
				<span class="data_item">
					<div class="dataname"><i class="circle"></i>CMP</div>
					<div class="datacon CMPNum"></div>
				</span>
				<div id="unit">
					<div>单位</div>
					<p>vaC：万人次</p>
					<p>vaR：百分比</p>
					<p>vaF：次</p>
					<p>GRP：无单位</p>
					<p>CPM：元</p>
				</div>
			</div>
			</div>
			<div class="media_wrp accor_wrp">
				<div class="mediatitle accortitle">业态商业指数</div>
				<div id="liquid1"></div>
				<div class="indexwrp" id="Format">
					<div class="indextitle"><span>品类</span><span>行业指数</span></div>
				</div>
			</div>
			<div class="media_wrp">
				<div class="mediatitle accortitle">附近商圈</div>
				<div class="accordionbox">
					<ul class="trade">
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="medtitle_wrp"><span class="media_title">方案推荐详情</span></div>
	<div class="mask maskRight">
		<div class="loc_wea">
			<div class="locatinfo"><i class="Location"></i><span id="location"></span><span id="Describe"></span><span id="Season"></span><span class="mediatime" id="nowDate"></span></div>
			<div class="weather">
				<span class="weather_wrp"><i class="weathericon temicon"></i><div class="weatherinfo clearfix"><div class="weather_text">温度</div><div class="weatherdata temperature"></div></div></span>
				<span class="weather_wrp"><i class="weathericon cloud"></i><div class="weatherinfo clearfix"><div class="weather_text">天气</div><div class="weatherdata cond"></div></div></span>
				<span class="weather_wrp"><i class="weathericon windicon"></i><div class="weatherinfo clearfix"><div class="weather_text">风向</div><div class="weatherdata wind"></div></div></span>
				<span class="weather_wrp"><i class="weathericon air"></i><div class="weatherinfo clearfix"><div class="weather_text">空气</div><div class="weatherdata qlty"></div></div></span>
				<span class="weather_wrp"><i class="weathericon PM"></i><div class="weatherinfo clearfix"><div class="weather_text">PM2.5</div><div class="weatherdata pm25">11</div></div></span>
			</div>
		</div>
		<div class="wrpfr">
			<div class="mediatitle">大品牌青睐指数</div>
			<div class="wrpfr media_wrp"><div id="liquid2"></div></div>
			<div class="wrpfr media_wrp">
				<div class="indexwrp" id="brand">
					<div class="indextitle"><span>品类</span><span>品牌</span><span>大品牌青睐指数</span></div>
				</div>
			</div>
		</div>
		<div class="wrpfr media_wrp accor_wrp">
			<div class="mediatitle">附近行业地标</div>
			<div class="accordionbox">
				<ul id="accordion" class="accordion">
				</ul>
			</div>
		</div>
	</div>
	<div class="mapBtn"><span class="mapAdd">+</span><span class="mapReduce">-</span></div>
	<div class="databtn_wrp">
		<a href="media.html" class="media cur"><span>媒体</span></a>
		<a href="market.html" class="market"><span>市场</span></a>
		<a href="audiences.html" class="Audience"><span>受众</span></a>
	</div>
</body>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/echarts-all-3.js"></script>
<script type="text/javascript" src="js/getAllTime.js"></script>
<script type="text/javascript" src="js/mapapi.js"></script>
<script type="text/javascript" src="js/bmap.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Pg78EjHlM1Ma0Bs5gZwkmgrQ"></script>
<script src='dist/echarts-liquidfill.js'></script>
<script type="text/javascript" src="js/ajax-information.js"></script>
<script type="text/javascript" src="js/market.js"></script>
<script type="text/javascript" src="js/adaptation.js"></script>
<script>
	// var startPoint = {
 //        x: 116.406281,
 //        y: 39.916485
 //    }; 
	// var bmap= new BMap.Map("map");
	// var point = new BMap.Point(116.406281, 39.916485);
	// var circle = new BMap.Circle(point,500,{strokeColor:"#226ab8", strokeWeight:2, strokeOpacity:0.5});
	// // function add_overlay(){
	// // 	alert('a00');
	// // 	bmap.addOverlay(circle); 
	// // }
	// $('.trade').on('click','li',function () {
	// 	$(this).toggleClass('cur').siblings().removeClass('cur');
	// 	bmap.addOverlay(circle); 
	// 	// add_overlay();
	// })
	// var map = new BMap.Map("map");
	

</script>
</html>